<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Liang</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div style="height: 100vh; display: flex;justify-content: center;align-items: center;">
        <!-- 左 -->
        <div class="box1">
            <div style="margin-bottom: 16px;">
                <img class="touxiang" src="img/1_150121152120_19.jpg" alt="">
                <img class="xingming" src="img/Liang1.png" alt="">
            </div>
            <div class="zuoyouMing yinYing">
                <p style="margin: 8px;"><b style="font-size: 20px;">"</b><br> 只有把抱怨环境的心情，化为上进的力量，才是成功的保证 <br><b style="font-size: 20px;justify-content: flex-end;display: flex;">"</b></p>
            </div>
            <div style="margin-top: 16px;">
                <img style="margin: 8px;" class="shiLiangTu" src="img/qq.png" alt="">
                <img style="margin: 8px;" class="shiLiangTu" src="img/wechat.png" alt="">
                <img style="margin: 8px;" class="shiLiangTu" src="img/mail.png" alt="">
            </div>
        </div>
        <!-- 右 -->
        <div class="box2">
            <div style="display: flex;">
                <div class="neiRong yinYing"><p class="xiao">最困难的事情就是认识自己</p></div>
                <div class="neiRong yinYing " >
                    <div id="show_time0" style="margin-top: 4vh;"></div>
                    <script>
                        //这里就一句话就可以显示时间，但不是我想要的最理想结果
                        setInterval("show_time0.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);  
                    </script>
                </div>
            </div>
            <br>
            <div style="width: 70vh;height: 20vh;">
                <div style="display: flex; margin-bottom: 8px;">
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao">主页</p></div>
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao">个人</p></div>
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao">友情链接</p></div>
                </div>
                <div style="display: flex;">
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao"></p></div>
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao"></p></div>
                    <div class="mohu xiaoXuanXiang yinYing"><p class="xiao"></p></div>
                </div>
            </div>
            
        </div>
        
    </div>
</body>
</html>